import {createRouter, createWebHashHistory} from "vue-router";
import Login from '@/pages/login/index.vue'
import Layout from '@/layout/index.vue'
import Chef from '@/pages/chef/index.vue'
import Weighing from '@/pages/weighing/index.vue'


// 2. 定义一些路由
// 每个路由都需要映射到一个组件。
// 我们后面再讨论嵌套路由。
const routes = [
    {path: '/', redirect: {path: '/login'}},
    {path: '/login', component: Login},
    {
        path: '/pages',
        component: Layout,
        children: [
            {path: 'chef', component: Chef},
            {path: 'weighing', component: Weighing},
        ]


    },

]


const router = createRouter({
    // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
    history: createWebHashHistory(),
    routes, // `routes: routes` 的缩写
});
// 加一个简单的拦截器
router.beforeEach((to, from, next) => {

    if (to.path === '/login') {
        next()
    } else {
        if (window.sessionStorage.getItem('token')) {
            next()
        } else {
            next('/login')
        }
    }
})

export default router